// 1.0 导入相关包
import Vue from 'vue';
import vueRouter from 'vue-router'
import vueResource from 'vue-resource'



//1.0.2 导入mui相关的css
import '../statics/mui/css/mui.css'
import '../statics/mui/css/icons-extra.css'
// 导入mui的js
// import '../statics/mui/js/mui.min.js'


// 导入整个mint-ui
import mintUI from 'mint-ui'
Vue.use(mintUI);
// 导入mint-ui的css  只要是node_modules下面的包都可以这么写：
import 'mint-ui/lib/style.min.css';
// 导入我们定义好的全局样式，用来覆盖mint-ui和mui中的样式
import '../statics/css/site.css';


// 2.0 在Vue中夹杂vueRouter
Vue.use(vueRouter);
Vue.use(vueResource); // 使用VueResource 对象，才能自动在vue实例对象上挂载一个$http

// 2.0.1 在Vue上注册一个全局过滤器，名称叫作tolowercase
import moment from 'moment';
Vue.filter('fmtdate',function(input, fmtdatestring){
	// 使用moment.js格式化插件
	return moment(input).format(fmtdatestring);
});

// 2.0.2 加载图片预览组件
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

// 3.0 定义路由规则对象
import App from './App.vue';
import Home from './components/Home/Home.vue';
import member from './components/member/member.vue';
import shopcar from './components/shopcar/shopcar.vue';
import search from './components/search/search.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';
let router = new vueRouter({
	linkActiveClass:'mui-active', // 底部的4个按钮被点击时，会默认自动被添加一个类router-link-active，现在它改为配置为mui-active
	routes:[
		{name:'root',path:'',redirect:'/Home'}, // 表示http://localhost:3018/或者http://localhost:3018/#或者http://localhost:3018/#/跳转到home页
		{name:'home',path:'/Home',component:Home},
		{name:'member',path:'/member',component:member},
		{name:'shopcar',path:'/shopcar',component:shopcar},
		{name:'search',path:'/search',component:search},
		{name:'newslist',path:'/news/newslist',component:newslist},  // 图文资讯列表的路由规则
		{name:'newsinfo',path:'/news/newsinfo/:id',component:newsinfo},
		{name:'photolist',path:'/photo/photolist',component:photolist},//图片分享列表
		{name:'photoinfo',path:'/photo/photoinfo/:id',component:photoinfo},//图片详情
	]
});

//4.0 使用router
new Vue({
	el:'#app',
	router,
	render:c=>c(App)
})